// Copyright 2017 The Kubernetes Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import '~@angular/material/theming';
@import './theming';

$colors-dark: (
  primary: #327df4,
  accent: #fff,
  indicator-success: #008000,
  indicator-warning: #ffad20,
  indicator-error: #ff481b,
  chart-blue: #327df4,
  chart-green: #00c752,
  toolbar-button: #fff,
);

// sass-lint:disable function-name-format
$kd-blue: map_merge($mat-blue, (500: #327df4));

$theme-dark: mat-dark-theme(mat-palette($kd-blue), mat-palette($kd-blue), mat-palette($kd-blue));

$background: map-get($theme-dark, background);
$background: map_merge($background, (background: #1d1d1d));
$background: map_merge($background, (app-bar: #1d1d1d));
$background: map_merge($background, (card: #2d2d2d));
$background: map_merge($background, (dialog: #2d2d2d));
$theme-dark: map_merge($theme-dark, (background: $background));
// sass-lint:enable function-name-format

// sass-lint:disable no-color-literals
.kd-dark-theme {
  @include angular-material-theme($theme-dark);
  @include kd-theme($theme-dark, $colors-dark);

  .kd-toolbar-logo-text,
  .kd-primary-toolbar-icon,
  .kd-toolbar-action .mat-icon {
    color: #fff;
  }

  .kd-cross-line-primary {
    stroke: #fff;
  }

  // Remove the border of the graphs.
  .c3-chart-arc path {
    stroke: none;
  }
}
// sass-lint:enable no-color-literals
